iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0

大家好我是Karin。今天要學習的內容是其餘運算符號 Rest Operator。

教學內容來自:彭彭的教學影片
https://www.youtube.com/watch?v=xNJL_Wxb2No&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=29

其餘運算符號 Rest Operator

功能:讓函式接收不定數量的參數資料。將剩餘的資料,包起來放在一個變數/參數中。
符號:三個點 ...
限制:**...**必須放在最後面。
運用方式:

  1. 運用在解構賦值
  • 陣列:將剩餘資料包在一個新陣列中。
let arr=[3,4,2,6,8];
let[d1,d2,...data]=arr;

console.log(data); //此處data=[2,6,8]
  • 物件:將剩餘成員包在一個新物件中。
let obj={x:3,y:4,z:5};
let{x,...data}=obj;

console.log(data); //此處data={y:4,z:5}
  1. 搭配函式參數使用
  • 其餘參數:將剩餘參數包在一個新陣列中。
function test(a,b,...data){
console.log(data); //呼叫函式後,此處data=[5,7,9],a=2,b=3
}

test(2,3,5,7,9);

實務運用:一個可以接收不同數量參數的累加函式

function add(a,b,...data){
let sum=a+b;
    for(let i=0,i<data.length,i++){
        sum+=data[i];
    }
console.log(sum);
}

執行範例:
add(2,3,5,7,8) 結果顯示25
add(2,3,4) 結果顯示9


上一篇
Day 15 解構賦值 Destructuring Assignment-練習
下一篇
Day 17 Modules 模組基礎
系列文
每天都進步一點!從零開始的JavaScript 與基礎網路知識學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言